<template>
  <div class="phone-message flex flex-col" :style="{ height }">
    <PhoneHead />
    <Message />
    <Input />
  </div>
</template>

<script setup lang="ts">
import Message from '@/views/content/message/Message.vue';
import Input from '@/views/phone/input/Input.vue';
import PhoneHead from '../head/PhoneHead.vue';

const height = ref('0px');

onMounted(() => {
  height.value = `${window.innerHeight}px`;
});
</script>

<style lang="scss" scoped>
.phone-message {
  height: 100vh;
  width: 100vw;
  position: relative;
}
</style>
